<template>
	<view class="main">
		<view class="pageTop">
			<navbar :config="config" backColor="#333333">
				<template v-slot:center maxSlot>
					<view class="searchBox">
						<!-- <image src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/convenienceService/search.png" mode=""></image> -->
						<image :src="imgUrl+'/search/search.png'"></image>
						<input @click="searchClick" v-model="value" type="text"
							placeholder-style="color:#474747;fontSize:28rpx" placeholder="可搜索本店商品" />
					</view>
				</template>
			</navbar>

			<view class="shopCard">
				<image :src="shop.logo" mode="" class="shopCardImage"></image>
				<view class="shopCardRight">
					<view class="shopNamebox">
						<view class="shopName">{{ shop.shop_name }}</view>
						<view class="shopName_rate">
							<rate :value="shop.averageCopy"></rate>
							<text class="shopName_rate-fun">{{ shop.average }}分</text>
						</view>
					</view>
					<template v-if="false">
						<view class="shop_item" style="alignItems: flex-start;">
							<image
								src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/convenienceService/location2.png"
								mode=""></image>
							<!-- <view>{{ shop.map_punctuation }}{{ shop.address }}></view> -->
							<!-- <view>{{shop.province_name+shop.city_name+shop.area_name+shop.community_name+shop.address}}</view> -->
							<view>{{shop.province_name+shop.city_name+shop.area_name+shop.address}}</view>
						</view>
						<view class="shop_item" style="alignItems: flex-start;">
							<text class="iconfont2">&#xe651;</text>
							<view>营业时间：<text
									class="shop_itemText">{{ shop.business_hours }}{{ shop.time_quantum }}</text></view>
						</view>
					</template>
					<view class="shop_item" style="alignItems: flex-start;">
						<view @click="goPhone(shop.customer_service_phone)">
							售后电话：<text
								class="shop_itemText">{{ $mUtil.phoneChange(shop.customer_service_phone) }}</text>
						</view>
					</view>

				</view>
			</view>

			<view class="limitCard" v-if="currSeckill && currSeckill.length > 0">
				<view class="limitCard_top">
					<view class="limitCard_top_title">限时秒杀</view>
					<view class="limitCard_top_lab">{{currTime}}点场 剩余</view>
					<!-- <view class="limitCard_top_time">3天 17 : 26 : 35</view> -->
					<view class="limitCard_top_time">
						<uni-countdown :backgroundColor="'none'" @timeup="overDown2" :color="'#fff'"
							:splitorColor="'#fff'" :show-day="time2[0] > 0" :day="time2[0]" :hour="time2[1]"
							:minute="time2[2]" :second="time2[3]">
						</uni-countdown>
					</view>
				</view>
				<swiper class="swiper" indicator-color="#EDEDED" indicator-active-color="#FF721B" circular
					:indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
					<swiper-item v-for="(item,key) in currSeckill" :key="key">
						<view class="listBox">
							<view class="listBox_item" v-for="itemSon in item"
								@click="goProductDetails('/pages/product/goods/seckillGoods?id=' + itemSon.id)"
								:key="item.id">
								<image v-if="itemSon && itemSon.cover" :src="itemSon.cover" mode=""></image>
								<!-- <view>¥<text>64.</text>20</view> -->
								<view class="">
									<rich-text :nodes="$mUtil.priceBigSmall(itemSon.min_price)"></rich-text>
								</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view>

			<view class="groupCard" v-if="groupList && groupList.length > 0">
				<view class="group_title">
					<view class="group_title_l">拼团购</view>
					<view class="group_title_r"
						@click="goProductDetails('/pages/research/nearby/timeLimit?shopid='+shopId)">
						查看更多
						<text class="iconfont2">&#xe65f;</text>
					</view>
				</view>

				<view class="goodsListBox">
					<view class="goods_item" v-for="(item, index) in groupList" :key="index"
						@click="goProductDetails('/pages/product/goods/puzzleGoods?id=' + item.id)">
						<view class="goods_item_img">
							<image :src="item.cover" mode=""></image>
						</view>
						<view class="goods_item_data">
							<view class="goods_item_data_title">{{ item.title }}</view>
							<view>
								<image class="autotrophyCls"
									src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/convenienceService/autotrophy.png"
									mode="">
								</image>
								<image class="originalCls"
									src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/convenienceService/original.png"
									mode="">
								</image>
							</view>

							<view class="goods_item_data_box">
								<view class="goods_item_data_box_l">
									<view class="goods_item_data_box_l_price">
										<rich-text :nodes="$mUtil.priceBigSmall(item.min_price)"></rich-text>
										<view>¥ {{ item.min_sale_price }}</view>
									</view>
									<view class="goods_item_data_box_l_person">
										{{ item.group_people_num }}人团，已拼<text>{{item.result_sale_num}}</text>件
									</view>
								</view>
								<view class="goods_item_data_box_r">去拼团</view>
							</view>
						</view>
					</view>
				</view>

			</view>
			<view class="maxTab">
				<!-- <view :class="{active:maxTabIndex==0}" @click="switchAssembly(0)">精选服务</view> -->
				<view :class="{active:maxTabIndex==1}" @click="switchAssembly(1)">精选商品</view>
			</view>
			<!-- <view class="titleBox">精选服务</view> -->
			<scroll-view scroll-x="true" class="scrollbox " >
				<view class="minTab">
					<view :class="{ active: activeIndex == i }" v-for="(v,i) in choice" :key="i"
						@click="commTypeChange(i, v.value, v.id)" class="minTabItem">{{v.name}}</view>
				</view>
			</scroll-view>

			<view class="goodsListA" v-if="maxTabIndex==0">
				<view class="goodsListA_item" v-for="item in commGood" :key="item.id"
					v-if="commGood && commGood.length > 0" @click="goDetails(item.id)">
					<image :src="item.cover" mode=""></image>
					<view class="goodsListA_item_title">{{ item.title }}</view>
					<view class="goodsListA_item_pirce">
						<rich-text :nodes="$mUtil.priceBigSmall(item.sale_price||item.min_sale_price)"></rich-text>
						<view>¥ {{ item.market_price||item.min_market_price }}</view>
					</view>
					<view class="goodsListA_item_num">已售{{ item.result_sale_num }}件</view>
				</view>

				<!-- <view class="lookOther">
					查看更多113个服务
					<text class="iconfont2">&#xe65f;</text>
				</view> -->
			</view>

			<!-- <view class="titleBox">精选商品</view> -->
			<!-- <view class="minTab">
				<view class="active">推荐</view>
				<view>商超</view>
				<view>茶舍</view>
				<view>美容</view>
			</view> -->
			<!-- <view class="minTab">
				<view :class="{ active: activeIndex == i }" v-for="(v,i) in choice" :key="i"
					@click="commTypeChange(i, v.value, v.id)">{{v.name}}</view>
			</view> -->

			<view class="goodsListA " v-if="maxTabIndex==1">
				<view class="goodsListA_item" v-for="item in commGood" :key="item.id"
					v-if="commGood && commGood.length > 0" @click="goDetails(item.id)">
					<image :src="item.cover" mode=""></image>
					<view class="goodsListA_item_title">{{ item.title }}</view>
					<view class="goodsListA_item_pirce">
						<rich-text :nodes="$mUtil.priceBigSmall(item.sale_price||item.min_sale_price)"></rich-text>
						<view>¥ {{ item.market_price||item.min_market_price }}</view>
					</view>
					
					<view class="goodsListA_item_num">已售{{ item.result_sale_num }}件</view>
				</view>

				<!-- <view class="lookOther">
					查看更多113个服务
					<text class="iconfont2">&#xe65f;</text>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	import rate from "@/components/rate.vue"
	export default {
		components: {
			rate
		},
		data() {
			return {
				imgUrl: this.$mConfig.staticUrl,
				config: {
					back: true,
					title: '',
					color: 'black',
					// leftSlot: true,
					backgroundColor: [1, "#ffffff"],
					statusBarFontColor: '#1A1A1A',
					backIconColor: "#000",


				},
				value: "",
				duration: 500,
				indicatorDots: true,
				autoplay: false,
				interval: 2000,
				shop: {}, //店铺信息
				shopId: null,
				currSeckill: [],
				currTime: null, //秒杀当前场
				time2: "",
				groupList: [], //拼团列表
				maxTabIndex: 1,
				commCate: [], //商品分类
				choiceCopy: [{
						id: 1,
						name: "推荐",
						value: "recommend",
					},
					{
						id: 2,
						name: "热销",
						value: "hot",
					},
					{
						id: 3,
						name: "新品",
						value: "new",
					},
				],
				choice: [],
				commGood: [], //商品列表
				commParams: {
					limit: 100000,
				},
				activeIndex: 0,
			}
		},
		onLoad(options) {
			if (options.shopId) {
				this.shopId = options.shopId;
				this.getCommCate(options.shopId);
				this.getIndexList(options.shopId);
				this.seckillList(options.shopId);
				this.getgroupList(options.shopId);
				// this.getCommGood(this.shopId);
				// this.commTypeChange(0,"recommend")
			}
		},
		methods: {
			searchClick() {
				// console.log("dian");
				uni.navigateTo({
					url: "/pages/research/homepage/search",
				});
			},
			goProductDetails(url) {
				uni.navigateTo({
					url: url,
				});
			},
			/**获取店铺基本信息 */
			getIndexList(shopid) {
				this.$http.get("/yxt/shop/info/" + shopid).then((res) => {
					uni.stopPullDownRefresh();
					this.loading = false;
					if (res.data && res.code == 200) {
						this.shop = res.data;
						this.shop.averageCopy = Math.round(res.data.average)
					}
				});
			},
			/**限时秒杀 */
			seckillList(shopId) {
				this.$http
					.get(
						`/marketing/seckillActivityGoods/flash-sale?shop_id=${shopId}`, {
							limit: 10,
							page: 1
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							this.currTime = res.data.start_hour;
							this.currSeckill = this.oneArrToTwoArr(res.data.list || [])
							if (res.data.finish_time) {
								this.time2 = this.$mUtil
									.countDown(Math.floor(res.data.finish_time / 1000))
									.split(":")
									.map((val) => Number(val));
							}
						}
					});
			},
			/**团购 */
			getgroupList(shopId) {
				this.$http
					.get(
						`/groupbuy/activitygoods/will-you-spell?shop_id=${shopId}`, {
							limit: 10,
							page: 1
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							this.groupList = res.list;
						}
					});
			},
			switchAssembly(index) {
				this.maxTabIndex = index;
				this.activeIndex = 0;
				delete this.commParams.group_id;
				this.getCommCate(this.shopId);
			},
			commTypeChange(index, type, groupId) {
				let e = {
					type: type,
					groupId: groupId
				}
				this.activeIndex = index;
				if (e.type == undefined) {
					delete this.commParams.type;
					this.commParams.group_id = e.groupId;
				} else {
					delete this.commParams.group_id;
					this.commParams.type = e.type;
				}
				this.getCommGood(this.shopId);
			},
			/**商品列表 */
			getCommGood(shopId) {
				this.$http
					.get(this.maxTabIndex == 0 ? `/service/goods/list/${shopId}` : `/goods/list/${shopId}`, this
						.commParams,
						false)
					.then((res) => {
						if (res && res.code == 200) {
							this.commGood = res.list.list;
						}
					});
			},
			/**商品分类 */
			getCommCate(shopId) {
				this.$http
					.get(this.maxTabIndex == 0 ? `/servicegoods/group/all/${shopId}` : `/goods_group/all/${shopId}`, {},
						false)
					.then((res) => {
						if (res && res.code == 200) {
							// this.commCate = res.list;
							this.choice = [];
							if (this.maxTabIndex == 1) {
								this.choice = JSON.parse(JSON.stringify(this.choiceCopy));
							}
							this.choice.push(...res.list);
							if (this.maxTabIndex == 0) {
								this.commParams.type = this.choice[0].id;
							} else {
								this.commParams.type = 'recommend';
							}
							this.getCommGood(this.shopId);
						}
					});
			},
			goDetails(id) {
				uni.navigateTo({
					url: this.maxTabIndex == 0 ? '/pages/product/goods/serviceGood?id=' + id :
						'/pages/product/goods/goods?id=' + id,
				});
			},
			oneArrToTwoArr(data) {
				let newData = [];
				let zyf = 4; //一维数组转二维数组长度(此处是二维数组每一个长度控制)
				for (var i = 0; i < Math.ceil(data.length / zyf); i++) {
					newData[i] = [];
					newData[i].push(data[i * zyf]);
					for (var j = 1; j < zyf; j++) {
						if (data[i * zyf + j] == undefined) {
							//超出长度控住
							return newData;
						} else {
							newData[i].push(data[i * zyf + j]);
						}
					}
				}
				return newData;
			},
			// 商家电话
			goPhone(tel) {
				uni.makePhoneCall({
					phoneNumber: tel
				});
			}
		}
	}
</script>

<style lang="scss">
	.pageTop {
		width: 100%;
		height: 550rpx;

		/deep/ .hx-navbar__fixed {}
	}

	.city-text {
		margin-left: 30rpx;
		font-size: 30rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		text-align: center;
		color: #1a1a1a;

		image {
			width: 20rpx;
			height: 12rpx;
			margin-left: 5rpx;
			vertical-align: middle;
		}
	}

	.menuCls {
		margin-left: 10rpx;
		font-size: 44rpx;
		color: #fff;
	}

	.searchBox {
		display: flex;
		align-items: center;
		width: 662rpx;
		height: 65rpx;
		background: #F9F9F9;
		border-radius: 15rpx 15rpx 15rpx 15rpx;
		padding: 0 17rpx;
		padding-left: 19rpx;
		box-sizing: border-box;
		margin-top: 19rpx;


		image {
			width: 31rpx;
			height: 31rpx;
			margin-right: 8rpx;
			flex-shrink: 0;
		}

		input {
			text-align: left;
		}
	}


	.limitCard {
		margin: auto;
		width: 720rpx;
		height: 410rpx;
		padding: 0 30rpx;
		background: url('https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/convenienceService/cardBg.png') 0 0 no-repeat;
		background-size: 720rpx 410rpx;

		.limitCard_top {
			display: flex;
			padding: 35rpx 30rpx 20rpx 30rpx;
			align-items: center;
			border-bottom: 1rpx solid #E6E6E6;

			.limitCard_top_title {
				font-size: 36rpx;
				color: #1A1A1A;
				font-weight: 700;
				display: flex;
				align-items: center;
				position: relative;
				padding-right: 15rpx;

				&::after {
					display: block;
					content: "";
					width: 1rpx;
					height: 33rpx;
					background: #707070;
					position: absolute;
					right: 0;
					top: 10rpx;
				}
			}

			.limitCard_top_lab {
				font-size: 24rpx;
				color: #666666;
				margin: 0 30rpx 0 15rpx;
			}

			.limitCard_top_time {
				border-radius: 17rpx;
				background: #FF0000;
				font-size: 24rpx;
				color: #fff;
				font-weight: 700;
				padding: 2rpx 16rpx;
			}
		}

		.swiper {
			height: 280rpx;

			.listBox {
				padding: 25rpx 20rpx;
				display: flex;

				.listBox_item {
					margin-right: 20rpx;

					image {
						width: 140rpx;
						height: 140rpx;
					}

					>view {
						width: 140rpx;
						font-size: 20rpx;
						color: #333333;
						text-align: center;

						text {
							font-size: 28rpx;
							font-weight: 600;
							display: inline-block;
							margin-left: 10rpx;
						}
					}

					&:last-child {
						margin-right: 0 !important;
					}
				}
			}
		}
	}

	.groupCard {
		margin: auto;
		width: 720rpx;
		// height: 1500rpx;
		padding: 0 30rpx;
		// background: url('https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/convenienceService/cardBg.png')0 0 no-repeat;
		// background-size: 720rpx 1500rpx;
		box-shadow: 0rpx 4rpx 8rpx 0rpx #f1f1f1;
		border-radius: 16rpx;

		.group_title {
			display: flex;
			justify-content: space-between;
			padding: 35rpx 30rpx 20rpx 30rpx;
			align-items: center;
			border-bottom: 1rpx solid #E6E6E6;

			.group_title_l {
				font-size: 36rpx;
				color: #1A1A1A;
				font-weight: 700;
			}

			.group_title_r {
				font-size: 24rpx;
				color: #333333;
			}

		}

		.goodsListBox {
			.goods_item {
				&:last-child {
					border-bottom: none !important;
				}

				display: flex;
				padding: 50rpx 0 40rpx;
				border-bottom: 1rpx solid #E6E6E6;

				.goods_item_img {
					margin-right: 25rpx;

					image {
						width: 226rpx;
						height: 226rpx;
					}
				}

				.goods_item_data {
					flex: 1;

					.goods_item_data_title {
						font-size: 28rpx;
						min-height: 80rpx;
						color: #181818;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
					}

					.autotrophyCls {
						width: 69rpx;
						height: 30rpx;
						margin-right: 10rpx;
						margin-top: 10rpx;
					}

					.originalCls {
						width: 116rpx;
						height: 28rpx;
						margin-top: 10rpx;
					}

					.goods_item_data_box {
						display: flex;
						justify-content: space-between;
						align-items: center;
						margin-top: 10rpx;

						.goods_item_data_box_l {
							.goods_item_data_box_l_price {
								display: flex;
								align-items: flex-end;
								font-size: 20rpx;
								color: #00BF5A;

								text {
									font-size: 36rpx;
									font-weight: 500;
									display: inline-block;
									position: relative;
									top: 4rpx;
								}

								>view {
									font-size: 24rpx;
									color: #CCCCCC;
									margin-left: 30rpx;
									text-decoration: line-through
								}
							}

							.goods_item_data_box_l_person {
								font-size: 24rpx;
								color: #333333;

								text {
									color: #FF0000;
								}
							}
						}

						.goods_item_data_box_r {
							width: 138rpx;
							height: 63rpx;
							background: #FF721B;
							border-radius: 32rpx;
							font-size: 28rpx;
							display: flex;
							justify-content: center;
							align-items: center;
							color: #fff;
						}
					}
				}
			}
		}

	}

	.maxTab {
		display: flex;
		// justify-content: space-around;
		// padding: 40rpx 30rpx 20rpx;
		font-weight: 600;
		font-size: 31rpx;
		color: #333333;
		line-height: 31rpx;
		margin-top: 38rpx;
		margin-left: 19rpx;

		>view {
			// font-size: 36rpx;
			// color: #474747;
			// font-weight: bold;
			// position: relative;

			// &::after {
			// 	display: block;
			// 	content: "";
			// 	width: 0;
			// 	height: 4rpx;
			// 	border-radius: 1rpx;
			// 	position: absolute;
			// 	left: 70rpx;
			// 	bottom: -36rpx;
			// 	transform: translateX(-50%);
			// 	transition: all 0.3s;
			// }
		}

		.active {
			// color: #00321E;
			// &::after {
			// 	width: 100%;
			// 	height: 4rpx;
			// 	border-radius: 1rpx;
			// 	background: #00321E;
			// }
		}
	}

	.titleBox {
		padding: 40rpx 30rpx 30rpx;
		font-size: 36rpx;
		color: #1A1A1A;
		font-weight: 700;
	}

	.minTab {
		width: 731rpx;
		height: 38rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin-left: 19rpx;
		margin-top: 38rpx;
		margin-bottom: 38rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		// align-items: center;
		overflow: scroll;
		align-items: slef-start;




		>view {
			font-weight: 400;
			font-size: 27rpx;
			color: #999999;
			line-height: 38rpx;
			margin-right: 38rpx;
		}

		>.active {
			font-weight: 600;
			font-size: 27rpx;
			color: #FF211F;
			line-height: 38rpx;
		}
	}

	.goodsListA {
		padding: 0 19rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.goodsListA_item {
			width: 346rpx;
			height: 513rpx;
			background: #FFFFFF;
			border-radius: 19rpx;


			image {
				width: 346rpx;
				height: 356rpx;
				border-radius:19rpx;
			}

			// >view {
			// 	padding: 0 20rpx;
			// }

			.goodsListA_item_title {
				margin: 6rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
				word-wrap: break-word;
				word-break: break-all;
				white-space: normal !important;
				width: 323rpx;
				height: 27rpx;
				font-family: MiSans, MiSans;
				font-weight: 400;
				font-size: 25rpx;
				color: #333333;
				line-height: 27rpx;
				text-align: justified;
				font-style: normal;
				text-transform: none;
				margin-top: 19rpx;
				margin-left: 11rpx;
			}

			.goodsListA_item_pirce {
				font-weight: bold;
				font-size: 27rpx;
				color: #FF211F;
				line-height: 27rpx;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				margin-top: 23rpx;
				margin-left: 11rpx;

				text {
					font-weight: bold;
					font-size: 27rpx;
					color: #FF211F;
					line-height: 27rpx;
					
				}

				>view {
					font-weight: 400;
					font-size: 23rpx;
					color: #BCBCBC;
					line-height: 17rpx;
					margin-left: 6rpx;
				}
			}

			.goodsListA_item_num {
				font-weight: 400;
				font-size: 19rpx;
				color: #999999;
				line-height: 19rpx;
				margin-top: 23rpx;
				margin-left: 11rpx;
			}
		}
	}

	.lookOther {
		font-size: 24rpx;
		color: #333333;
		width: 288rpx;
		height: 59rpx;
		border-radius: 8rpx;
		background: #F2F2F2;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
	}

	.mt30 {
		margin-top: 30rpx !important;
	}

	.pb50 {
		padding-bottom: 50rpx;
	}

	// /deep/ .hx-navbar__content__main_back {
	// 	padding-right: 0 !important;
	// }

	// /deep/ .hx-navbar__content__main_center_flex:first-child {
	// 	flex: 10;
	// }

	// /deep/ .hx-navbar__content__main_center_flex:last-child {
	// 	display: none;
	// }
	/deep/.hx-navbar {
		width: 100%;
		height: 104rpx;
		background-color: #fff;
	}

	.shopCard {
		width: 712rpx;
		height: 192rpx;
		background: #FFFFFF;
		border-radius: 19rpx 19rpx 19rpx 19rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 19rpx;
		margin-left: 19rpx;
		padding-left: 19rpx;

		.shopNamebox {
			.shopName {
				font-size: 36rpx;
				color: #474747;
				font-weight: bold;
				margin-top: 15rpx;
			}

			.shopName_rate {
				font-size: 28rpx;
				color: #474747;
				display: flex;
				margin: 19rpx 0;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;

				.box {
					margin-right: 4rpx;
				}
			}
		}

		.shop_item {
			font-weight: 400;
			font-size: 23rpx;
			color: #333333;
			line-height: 27rpx;

			text {
				color: #108948;
				font-size: 34rpx;
			}

			view {}

			.blueicon {
				color: #FF721B;
			}
		}
	}

	.shopCardImage {
		width: 154rpx;
		height: 154rpx;
		border-radius: 12rpx;
		background: #fff;
		margin-right: 19rpx;
	}

	.shopCardRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		height: 100%;
	}

	.shopName_rate-fun {
		font-weight: 400;
		font-size: 23rpx;
		color: #333333;
		line-height: 27rpx;
	}

	.shop_itemText {
		font-weight: 400 !important;
		font-size: 23rpx !important;
		color: #FF211F !important;
		line-height: 27rpx !important;
	}

	.minTabItem {
		width: auto;
	}

	.minTabSView {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		width: auto;
	}
	.scrollbox {
	  white-space: nowrap;
	}
</style>